<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>focus</title>
<link rel="stylesheet" href="focus.css" type="text/css" media="screen" />
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="focus.js"></script>
<script type="text/javascript" src="general.js?v=2.0"></script>
<script type="text/javascript" src="/PLDCarWeb/utils.js"></script>
</head>

<body onload="loadFocus();">
	<div id="mlb-wrapper">
		<div id="photo" class="base">
			<ul id="photos">
				<li><a href="#1"><img src="../images/focus1.jpg" alt="Caption 1"/></a></li>
				<li><a href="#2"><img src="../images/focus2.jpg" alt="Caption 2"/></a></li>
				<li><a href="#3"><img src="../images/focus3.jpg" alt="Caption 3"/></a></li>
				<li><a href="#4"><img src="../images/focus4.jpg" alt="Caption 4"/></a></li>
				<li><a href="#5"><img src="../images/focus5.jpg" alt="Caption 5"/></a></li>
				<li><a href="#6"><img src="../images/focus6.jpg" alt="Caption 6"/></a></li>
			</ul>
		</div><!-- photo ends -->
		<div id="hover-box">
			<div id="thumbs" class="base">
				<ul>
					<li><a href="#1" class="highlight"><img src="../images/focus1.jpg" alt="Caption 1" width="74" height="41" /></a></li>
					<li><a href="#2"><img src="../images/focus2.jpg" alt="Caption 2" width="74" height="41" /></a></li>
					<li><a href="#3"><img src="../images/focus3.jpg" alt="Caption 3" width="74" height="41" /></a></li>
					<li><a href="#4"><img src="../images/focus4.jpg" alt="Caption 4" width="74" height="41" /></a></li>
					<li><a href="#5"><img src="../images/focus5.jpg" alt="Caption 5" width="74" height="41" /></a></li>
					<li><a href="#6"><img src="../images/focus6.jpg" alt="Caption 6" width="74" height="41" /></a></li>
				</ul>
				<p id="initPic1">bb</p>
			</div><!-- thumbs -->
			<div id="navigation" class="base">
				<a href="#" id="prev" class="prev-next"><span>&lt;&lt;</span> 上一张</a>
				<ul>
					<li><a href="#1" class="highlight">Story 1</a></li>
					<li><a href="#2">Story 2</a></li>
					<li><a href="#3">Story 3</a></li>
					<li><a href="#4">Story 4</a></li>
					<li><a href="#5">Story 5</a></li>
					<li><a href="#6">Story 6</a></li>
				</ul>
				<a href="#" id="next" class="prev-next">下一张 <span>&gt;&gt;</span></a>
			</div><!-- navigation -->
		</div><!-- hover box -->
		<div id="description" class="base">
			<h1 id="title"><a href="#" id="initPic2">aa</a></h1>
		</div><!-- description -->
	</div><!-- mlb wrapper -->
</body>
</html>